<template>
  <div id="app">
    <!-- 头部 -->
    <v-header v-if="$route.path === '/' || $route.path === '/basicData' || $route.path === '/financial'" />
    <router-view/>
  </div>
</template>

<script>
import Header from '@/components/Header'
export default {
  name: 'App',
  components: {
    'v-header': Header
  }
}
</script>

<style>
*{
  margin: 0;
  padding: 0;
}
html, body, #app, .front{
  height: 100%;
  width: 100%;
}
body {
  font-size: 14px;
  color: #333;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#app {
  font-family: 'Microsoft Yahei', 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
}
@media screen and (max-width: 1100px) {
  .layui-layer-iframe {
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
  }
}
img {display: inline-block;vertical-align: middle;outline: none;border: none;}
a {text-decoration: none;color: #333;}
ul {list-style: none;}
.left {float: left;}
.right {float: right;}
.relative {position: relative;}
.absolute {position: absolute;}
.bg-white {background-color: #fff;}

.content {
  background-color: #f3f3f3;
  height: 100%;
  margin-top: 60px;
  height: calc(100% - 60px);
}
.main-content {
  float: left;
  height: 100%;
  width: calc(100% - 140px);
  position: relative;
}

/* 右侧内容区样式 */
.bj-data {
  height: 100%;
}
.bj-list {
    background-color: #fff;
    overflow: hidden;
    margin: 2% auto;
    padding: 20px 0;
    width: 96%;
}
.bj-list .list-title {
  font-size: 16px;
  font-weight: 400;
  padding: 0 20px 25px;
}
.bj-list .list-title:before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 18px;
  background-color: #e34e42;
  vertical-align: middle;
  margin: -3px 8px 0 0;
}
.bj-list .item-box {
  float: left;
  display: flex;
  justify-content: center;
  width: 10%;
}
.bj-list .item-box:nth-of-type(1) {
  margin-left: 30px;
}
.bj-list .item-box .item {
  text-align: center;
  cursor: pointer;
  position: relative;
  width: 100%;
  min-height: 100px;
}
.bj-list .item-box .item .name {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.primary-text {color: #409eff;font-size: 12px;margin: 0 3px;cursor: pointer;}
.primary-text:hover {opacity: .9;}
.tab-block-style {border: 1px solid #409EFF;position: relative;padding: 20px 20px 15px;box-sizing: border-box;margin: 10px 0 20px;width: 100%;}
.tab-block-title {font-size: 14px;position: absolute;top: -11px;left: 20px;background-color: #fff;padding: 0 10px;color: #409EFF;}
/* 登录注册 */

/* 兼容IE9+消息提示*/
.el-message, .el-notification {display: block !important;}
.el-notification .el-notification__icon {font-size: 20px;}
.el-message__icon, .el-message .el-icon-success, .el-notification .el-notification__icon {float: left!important;}
.el-notification__content {margin: -1px 15px 0;}
/* layerui 样式重写 */
.layui-layer-title {position: relative !important;padding-left: 25px !important;}
.layui-layer-title:before {
  content: '';
  background-color: #e34e42;
  width: 3px;
  height: 16px;
  position: absolute;
  top: 13px;
  left: 15px;
}
.layui-layer-content {background-color: #f1f1f1!important;padding-left: 10px!important;padding-right: 10px!important;padding-bottom: 10px!important;box-sizing: border-box;}
/* element-ui 样式重写*/
.bj .el-scrollbar__wrap {overflow-x: hidden!important;}
.el-form-item:last-child {margin-bottom: 10px!important;}
.search__input {width: 200px !important;margin-right: 10px !important;}
.search__input .el-input__inner, .el-input__icon {height: 34px !important;line-height: 34px !important;}
.el-tabs__header {margin: 0 0 10px !important;}
.el-table th {background-color: #f3f3f3!important;border-right: 1px solid #e3e3e3!important;}
.el-table th > .cell, .el-table td > .cell{font-weight: 400!important;}
.el-table td, .el-table th {padding: 8px 0 !important;}
.el-tabs, .el-tab-pane {height: 100% !important;}
.el-form {padding: 0 10px !important;margin-top: 22px !important;height: 100%;overflow: hidden !important;}
.el-form-item__label {position: relative !important;}
.el-form-item__label:before {position: absolute!important;top: 2px!important;left: -10px!important;}
.el-table--scrollable-x .el-table__body-wrapper {overflow-x: hidden!important;}
.el-table--border::after, .el-table--group::after, .el-table::before {background-color: transparent!important;}
.el-textarea__inner {resize: none !important;}
.login-box .el-form {margin-top: 0 !important;padding: 0 !important;}
.registerForm .el-input__inner {height: 46px !important;line-height: 46px!important;}
.registerForm .el-button {padding: 14px 20px !important;}
.el-input.center .el-input__inner{text-align: center !important;}
.el-table th.gutter{display: table-cell!important;}

.widgets {padding: 10px;box-sizing: border-box;overflow: hidden;min-width: 980px;}
.widgets.small .search__input .el-input__inner, .el-input__icon {height: 32px !important;line-height: 32px !important;}
.el-button {padding: 9px 10px!important;}
.widgets.small .el-button {padding: 8px 10px !important;font-size: 12px !important;}
.widgets.small .el-input__inner {font-size: 12px !important;padding: 0 15px!important;}
.btn-group .el-button {padding: 8px 10px!important;}
.btn-group .el-button-group {margin-left: 10px;}
.btn-group .el-button-group img {width: 15px;height: 15px;}
.accountManage > .el-tabs > .el-tabs__header {margin: 0 0 0 !important;}
.accountManage > .el-tabs > .el-tabs__header .el-tabs__nav-wrap::after {background-color: transparent !important;}
.update-span {color: #409EFF;cursor: pointer;}
.scroll .el-tabs__header {margin: 0 !important;}
.addSubject .table {height: calc(100% - 45px) !important;}
.accountSubject .el-table__body-wrapper {height: calc(100% - 40px) !important;}
.accountSubjectForm .el-form {margin-top: 12px !important;}
.accountSubjectForm .el-tabs__content {height: calc(100% - 50px) !important;}
.accountSubjectForm .el-table__body-wrapper {height: calc(100% - 40px) !important;overflow-y: auto !important;}

/* 左右结构 */
.tree-left,.tree-right {height: 100%;}
.tree-left {float: left;width: 200px;position: relative;box-sizing: border-box;}
.tree-right {float: right;width: calc(100% - 210px);overflow: hidden;overflow-x: auto;}
.tree-left > .tit {padding: 10px 12px;border-bottom: 1px solid #eee;}
.tree-left > .icon {display: inline-block;width: 15px;height: 15px;position: absolute;right: 12px;top: 12px;}
.tree-left .tree {height: calc(100% - 40px);box-sizing: border-box;padding: 5px 0;}
.front-padding {margin-top: 10px;height: calc(100% - 10px);overflow: hidden;overflow-x: auto;}
.tab-front {height: 100%;}
.tab-front .el-tabs__content {height: calc(100% - 50px) !important;}
.table {height: 100%;min-width: 980px}
.table.top-bottom {height: calc(100% - 54px);}
.table.table-auto {min-width: auto;}
/* 城市字典 */
.accountManage.tab-front .el-tabs__content {height: calc(100% - 40px) !important;}
/* 借款类别模板 */
.borrowCategory .el-table__body-wrapper {height: calc(100% - 40px) !important;}
/* 类别模板样式 */
.categoryTemplate .tit {text-align: center;color: #333;font-size: 18px;font-weight: bold;letter-spacing: 1px;padding: 30px 0;}
.grayBackground {background-color: #e6e6e6;}
.formTable {box-sizing: border-box;width: 90%;margin: auto;}
.formTable .common {
  text-align: center;
  height: 38px;
  line-height: 38px;
  border: 1px solid #333;
  margin-left: -1px;
  margin-top: -1px;
  /* box-sizing: border-box; */
  padding: 0 10px;
}
.formTable .common.text-left {text-align: left;}
.formTable .common.borderNone {border-bottom: none !important;}
.formTable .common .el-input__inner {height: 38px !important;border-radius: 0 !important;}
.formTable .common .el-select, .formTable .common .el-input {width: 100% !important;}
.formTable .common .el-input__inner, .formTable .common .el-textarea__inner {
  outline: none !important;
  border: none !important;
}
.formTable-btn {
  right: 40px;
  top: 25px;
}
.formTable .common.required > span {position: relative;}
.formTable .common.required > span:before {
  content: '*';
  color: #f00;
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
}
.el-select-dropdown__wrap {max-height: 200px !important;}
.formTableHeader {position: absolute;top: -25px;left: 0;right: 0;font-size: 12px;}
/* 借款单 */
.borrowOrder .table .el-table__body-wrapper {height: calc(100% - 40px);}
.borrowOrderSection2 .el-input__inner {height: 34px !important;line-height: 34px !important;width: 185px!important;}
.el-radio-button--small .el-radio-button__inner {padding: 9px 10px !important;}
.borrowOrder .el-date-editor.el-input, .borrowOrder .el-date-editor.el-input__inner {width: 130px !important;}
.el-form--inline .el-form-item {margin-bottom: 10px !important;margin-right: 0!important;width: 25%;float: left;text-align: center;}
.el-date-editor .el-input__icon {display: none !important;}
.el-date-editor .el-range-input {width: 44% !important;font-size: 12px!important;}
.el-date-editor .el-range-separator {line-height: 26px !important;}
/* 借款审批单 */
.borrowApproveOrder .el-tabs__content, .borrowOrder .el-tabs__content{min-width: 1200px !important;}
</style>
